/**
 * 高校详情页js
 * @authors dr2009 (1085388169@qq.com)
 * @date    2014-10-16 09:09:27
 * @version 1.0
 */

$(function() {
    /*-----------按钮点击------------*/
    //选项卡
    $(".tab-menu li").click(function() {
        $(this).addClass('actived').siblings().removeClass('actived');
        var index = $('.tab-menu li').index(this);
        $('.tab-content .tab-item').eq(index).show().siblings().hide();
    });
    //子选项卡
    $(".subtab-menu li").mouseover(function() {
        $(this).addClass('actived').siblings().removeClass('actived');
        var index = $('.subtab-menu li').index(this);
        $('.subtab-content .subtab-item').eq(index).show().siblings().hide();
    });

    //显示全部按钮-文章
    $('.section .btn-show-all').click(function() {
        $(this).parent().parent().find('p').removeClass('hide');
        $(this).remove();
    });

    //显示全部按钮-视频列表
    $('.vedio-list .btn-show-all').click(function() {

    });
    // 查看更多口碑
    $('.btn-view-more').click(function() {

    });
    // 口碑评分
    $('.vote-box').each(function(index, el) {
        $(el).find('.vote-star').mouseover(function(e) {

            $(this).addClass('hover');
            $(this).nextAll().removeClass('hover');
            $(this).prevAll().addClass('hover');

            var num = $(el).find('.vote-star').index(this);
            $(this).closest('li').find('input:hidden').val(num + 1);
            $('#pingjun').val(toAverage());
        });

        function toAverage() {
            var sum = 0;
            var nAverage = 0;
            var $hidden = $('#modal-koubei .vote-box').next('input:hidden');
            var len = $hidden.length;
            $hidden.each(function(index2, el2) {
                sum += parseInt($(el2).val());
            });
            nAverage = sum / 5;
            return nAverage;
        }
    });




    /*-----------弹窗-----------*/
    // 纠错弹窗
    $('.btn-info-error').click(function(e) {
        $('#modal').show();
        $('#modal .modal-overlay').show();
        $('#modal-info-error').show();
        return false;
    });
    // 我要提问弹窗
    $('.btn-add-question').click(function(e) {
        $('#modal').show();
        $('#modal .modal-overlay').show();
        $('#modal-question').show();
        return false;
    });
    // 查看图片弹窗
    $('.img-ablum').on('click', ".img-type-s,.img-type-b", function(event) {
        var tab_type = $(this).data('type-one');
        var sub_type = $(this).data('type-two');
        var imgBaseUrl = $(this).closest('.img-ablum').data('baseurl');
        var $imgView = $('.img-view');
        var $this = $(this);
        var viewURL = $this.attr('src');


        $('#modal').show();
        $('#modal .modal-overlay').show();
        $('#modal-imglist').show();
        var url = $(this).closest('.img-ablum').data('url') + "/school_id/" + $("input[name=school_id]").val();
        $.post(url, function(data) {
            console.log(data);
            // @注释
            // upload_type 1|360图片集 0|高校图片集   
            // img_type    1|2|3|4
            var html = "";
            var arrSum = [
                [0, 0, 0, 0, 0],
                [0, 0, 0, 0, 0]
            ];
            $.each(data, function(key, value) {
                // 各个图集的图片数
                if (value.upload_type == 0) {
                    if (value.img_type == 1) {
                        arrSum[0][1] ++;
                    } else if (value.img_type == 2) {
                        arrSum[0][2] ++;
                    } else if (value.img_type == 3) {
                        arrSum[0][3] ++;
                    } else if (value.img_type == 4) {
                        arrSum[0][4] ++;
                    }
                } else if (value.upload_type == 1) {
                    if (value.img_type == 1) {
                        arrSum[1][1] ++;
                    } else if (value.img_type == 2) {
                        arrSum[1][2] ++;
                    } else if (value.img_type == 3) {
                        arrSum[1][3] ++;
                    } else if (value.img_type == 4) {
                        arrSum[1][4] ++;
                    }
                }
                // if (imgBaseUrl + value.img_url == viewURL) {
                // 	var id = value.key;
                // }
                
                if (value.upload_type == tab_type && value.img_type == sub_type) {
                    // 左侧大图
                    $imgView.find('img').attr({
                        src: imgBaseUrl + value.img_url,
                        // src: $this.attr('src'),
                        alt: value.img_description
                    });
                    // 右侧小图
                    $imgView.find('p').html('<p>' + value.img_description + '<span><i>1</i>/<b></b>张</span></p>');
                    
                    html += '<li data-img-type="' + value.img_type + '" data-upload-type="' + value.upload_type + '"><img src="' + imgBaseUrl + value.img_url + ' " alt="' + value.img_description + '"></li>';
                } else {
                    html += '<li  data-img-type="' + value.img_type + '" data-upload-type="' + value.upload_type + '" class="hide"><img src="' + imgBaseUrl + value.img_url + ' " alt="' + value.img_description + '"></li>';
                }
            });
            // 统计的数字返回到页面中
            // console.log(arrSum);
            // console.log(1-tab_type);
            // console.log(sub_type-1);
            $.each( $('.img-s-tpye li'), function(index, ele) {
                var that = $(ele).parent();
                var tabID = $('.img-s-tpye').index(that);
                $(ele).find('i').text(arrSum[1-tabID][index % 4 + 1]);
            } );
            $('#modal-imglist .tab-menu li').removeClass('actived');
            $('#modal-imglist .tab-menu li').eq(1-tab_type).addClass('actived');
            $('#modal-imglist .img-s-tpye').addClass('hide');
            $('#modal-imglist .img-s-tpye').eq(1-tab_type).removeClass('hide');
            $('#modal-imglist .img-s-tpye li').removeClass('actived');
            $('#modal-imglist .img-s-tpye').eq(1-tab_type).find('li').eq(sub_type-1).addClass('actived');
            // $('.img-s-tpye li').find('i').text();
            // $('#modal-imglist .img-view')
            $('#modal-imglist .img-s-view').html(html);
            // 初次加载时的总张数
            $imgView.find('p b').text( $('.img-s-tpye').find('li.actived i').text() );
        });
        return false;
    });
    // 发布口碑弹窗
    $('.btn-dianpin').click(function(e) {
        $('#modal').show();
        $('#modal .modal-overlay').show();
        $('#modal-koubei').show();
        return false;
    });
    // 点击关闭
    $('#modal .btn-closed,#modal .modal-overlay , #modal .btn-cancel').click(function() {
        $('#modal').hide();
        $('#modal .modal-overlay').hide();
        $('#modal .modal-box').hide();
    });



    /*-----------页面加载时-----------*/
    // progress
    $(".vote .progress-bar").each(function(index, el) {
        var progressNum = $(el).data("num");
        $(el).width(progressNum + "%");
    });
    // 文字隐藏（只显示第一段p）
    $(".section").each(function(index, el) {
        $(el).find('p').not(':first').addClass('hide');
    });
    //修改问题下拉选择
    $("#grade-ask").change(function() {
        $("#ask_grade").val($("#grade-ask").val());
    });

    //添加问题
    $(".ask-submit").click(function() {
        var url = $("#ask_url").val();
        var ask_grade = $("#ask_grade").val();
        var ask_content = $("#ask_content").val();
        var ask_yzm = $("#ask_yzm").val();
        //            alert(ask_yzm.length);
        if (ask_content.length < 1) {
            alert("问题不能为空");
            return false;
        }
        if (ask_yzm.length == 4) {
            $.post(url, {
                    'grade': ask_grade,
                    'content': ask_content,
                    "ask_yzm": ask_yzm
                },
                function(data) {
                    if (data.status == 1) {
                        alert(data.info);
                        location.reload();
                    } else {
                        alert(data.info);
                    }
                });
        } else {
            alert("验证码填写不规范");

        }

    });
    /* 修改字体大小*/
    $("#small").click(function(){
        $(".article-detail").css("font-size","12px");
    })
    $("#middle").click(function(){
        $(".article-detail").css("font-size","15px");
    })
    $("#large").click(function(){
        $(".article-detail").css("font-size","18px");
    })
    

});
